@import './base.less';
@import './normalize.less';

// 变量名：存37.5
@rootSize: 37.5rem;
@picHeight: 4.26666667rem;

img {
    width: 100%;

}

// 网页元素需要再适配
// 手机视口大小375
/*  */
body {
    background-color: #f0f0f0;
}

.main {
    padding-bottom: 1.33333333rem;


    .pic1 {
        height: @picHeight;

    }

    h5 {
        margin: (10 / @rootSize) 0rem (10 / @rootSize) (10 / @rootSize);
        font-size: (16 / @rootSize);
    }

    .outgoing {
        height: (250/@rootSize);
        position: relative;
        background-color: #fff;
        margin-bottom: (15/@rootSize);

        .running1,
        .running2 {
            width: (68/@rootSize);
            height: (29/@rootSize);
            left: (20/@rootSize);
            top: (-5/@rootSize);
            font-size: (12/@rootSize);
            text-align: center;
            line-height: (29/@rootSize);
            color: #FFFFFF;
            background: url(../images/status_active.png) no-repeat;
            background-size: 70px auto;
            position: absolute;
        }

        .running2 {
            background: url(../images/status_default.png) no-repeat;
            background-size: 70px auto;
        }

        .icon-shoucang1,
        .icon-shoucang {
            position: absolute;
            top: (15/@rootSize);
            right: (15/@rootSize);
            font-size: (24/@rootSize);
        }

        .icon-shoucang {
            color: #D78B09;
        }

        .box {
            height: (90/@rootSize);
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            padding-left: 10px;

            .txt {
                margin-top: (8/@rootSize);
                font-size: (15/@rootSize);
                color: #3C3C3C;
                display: flex;
                justify-content: space-between;
                font-size: (15/@rootSize);

                span:nth-child(2) {
                    color: #FE6249;
                    text-align: center;
                    width: (100/@rootSize);
                }
            }

            .time {
                font-size: (11/@rootSize);
                color: #B4B4B4;
                padding-bottom: (10/@rootSize);

                .icon-qizhi,
                .icon-shizhong {
                    font-size: (11/@rootSize);
                    padding-right: (5/@rootSize);
                }


            }
        }


    }

    // .mask {
    //     width: 100%;
    //     height: (250/@rootSize);
    //     bottom: 0;
    //     left: 0;

    //     position: absolute;
    //     background-image: linear-gradient(transparent,
    //             rgba(0, 0, 0, .3));

    // }



}


/* 等比缩放，测量尺寸除视口宽度 */
footer {
    height: (50 / @rootSize);
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin-top: (10/@rootSize);
    background-color: #FECA49;

    ul {
        display: flex;
        justify-content: space-around;
    }

    li {

        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        margin-top: (5 /@rootSize);

        .icon-index-copy,
        .icon-iconfront-,
        .icon-youhuiquan {

            font-size: (24 / @rootSize);
            color: #D78B09;
        }

        span {
            margin-top: (3 /@rootSize);
            font-size: (12 / @rootSize);
            color: #D78B09;
        }

        &:active i,
        &:active span {
            color: #fff;
        }
    }
}